<template>
  <div id="#app">
    <dv-full-screen-container>
      <!-- 头部 -->
      <top-header />
      <!-- 侧边栏 -->
      <keep-alive> <side-bar /></keep-alive>
      <!-- 主体 -->
      <div id="container">
        <div class="content">
          <keep-alive> <router-view style="height: 100%" /></keep-alive>
        </div>
      </div>
    </dv-full-screen-container>
  </div>
</template>
<script>
import "./assets/public.css";
import topHeader from "@/components/topHeader";
import sideBar from "@/components/sideBar.vue";
export default {
  name: "home",
  components: {
    topHeader,
    sideBar,
  },
  props: {},
  data() {
    return {};
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {},
};
</script>
<style scoped>
#container {
  height: 90%;
  width: 100%;
}
.content {
  width: 97%;
  height: 88%;
  float: right;
  position: relative;
  left: 0;
  top: -35px;
}
</style>
